<template>
  <footer class="contact-footer">
    <div class="left">
      <p>
        <a href="http://www.likehealth.com.cn/mobile/user/guanyu.html">关于我们</a>
        <span>&nbsp;|&nbsp;</span>
        <a href="http://www.likehealth.com.cn/mobile/user/gongsi_js?art_id=11">隐私协议</a>
        <span>&nbsp;|&nbsp;</span>
        <a href="http://www.likehealth.com.cn/mobile/user/lianxi.html">意见反馈</a>
      </p>
      <span style="  margin-top: 15px;display:block" @click="tel">客服热线：400-000-2833</span>
      <span
        style="display:block"
         @click="tel2"
      >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 0852-37696145</span>
      <span style="display:block">客服微信：lljiahealth</span>
    </div>
    <div class="right" style="float:right">
      <img src="/static/icon/qrCode.png" alt />
      <p>利佳健康</p>
    </div>
  </footer>
</template>

<script>
export default {
  methods:{
    tel:function(){
      window.location.href = "tel:400-000-2833"
    },
    tel2:function(){
      window.location.href = "tel:0852-37696145"
    }
  }
};
</script>
<style lang='scss' scoped>
.contact-footer {
  width: 320px;
  height: 120px;
  background: #fbfbfb;
  .left {
    float: left;
    p {
      margin: 23px 0 0 12px;
      font-size: 0;
      a,
      span {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000;
        margin: 0;
      }
    }
    span {
      margin: 0 0 0 12px;
      font-size: 10px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: rgba(6, 164, 79, 1);
    }
  }
  .right {
    margin-top: 31px;
    margin-right: 40px;
    width: 49px;
    img {
      width: 39px;
      height: 39px;
    }
    p {
      margin: 0px;
      font-size: 10px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: rgba(6, 164, 79, 1);
    }
  }
}
</style>
